<!DOCTYPE html>
<!--[if lte IE 8]>              <html class="ie8 no-js" lang="en">     <![endif]-->
<!--[if IE 9]>					<html class="ie9 no-js" lang="en">     <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en">  <!--<![endif]-->
<head>
	<!-- Google Web Fonts
  ================================================== -->
	<link href='http://fonts.googleapis.com/css?family=Allura|Oswald:400,700,300' rel='stylesheet' type='text/css'>
	
	<!-- Basic Page Needs
  ================================================== -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!--[if ie]><meta http-equiv='X-UA-Compatible' content="IE=edge,IE=9,IE=8,chrome=1" /><![endif]-->
	
	<title>Almera | About</title>
	
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="shortcut" href="images/favicon.ico" />
	
	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/skeleton.css" />
	<link rel="stylesheet" href="css/layout.css" />
	
	<link rel="stylesheet" href="css/font-awesome.css" />
	<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" />

	<!-- HTML5 Shiv
	================================================== -->
	<script src="js/jquery.modernizr.js"></script>
	
</head>
<body>
	
<!-- - - - - - - - - - - - - - Header - - - - - - - - - - - - - - - - -->	

<header id="header">

	<div class="container">

		<div class="sixteen columns">

			<div id="logo">
				<h1><a href="index.html">Almera</a></h1>
			</div><!--/ #logo-->

			<nav id="navigation" class="navigation">

				<div class="menu">

					<ul>
						<li><a href="index.html">Home</a>
							<ul>
								<li><a href="index.html">Home Grid 1</a></li>
								<li><a href="index4.html">Home Grid 2</a></li>
								<li><a href="index5.html">Fullscreen</a></li>
								<li><a href="masonry.html">Masonry</a></li>
							</ul>
						</li>
						<li><a href="image-gallery.html">Gallery</a>
							<ul>
								<li><a href="image-gallery.html">Image Gallery</a></li>
								<li><a href="thumbnails.html">Thumbnails</a></li>
								<li><a href="gallery-3-columns.html">3 Columns</a></li>
								<li><a href="gallery-4-columns.html">4 Columns</a></li>
							</ul>
						</li>
						<li><a href="albums.html">Albums</a></li>
						<li class="current-menu-item"><a href="about.html">About</a></li>
						<li><a href="elements.html">Features</a>
							<ul>
								<li><a href="elements.html">Elements</a></li>
								<li><a href="columns.html">Columns</a></li>
								<li><a href="typography.html">Typography</a></li>
							</ul>
						</li>
						<li><a href="blog.html">Blog</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>

				</div><!--/ .menu-->

			</nav><!--/ #navigation-->	

		</div><!--/ .columns-->

	</div><!--/ .container-->

</header><!--/ #header-->

<!-- - - - - - - - - - - - - - end Header - - - - - - - - - - - - - - - - -->	


<!-- - - - - - - - - - - - - - - - Content - - - - - - - - - - - - - - - - -->	

<div id="wrapper" class="sbr">
	
	<div id="content">

		<div class="container">

			<div class="page-header">
				<h1>A little story <br /> about us</h1>
			</div><!--/ .page-header-->

			<section id="main" class="twelve columns">

				<div class="eight columns">

						<img src="images/temp/temp-img-1.jpg" alt="" /><br /><br />

					<h3 class="section-title">Ann Larson</h3>

					<p>
						Nulla bibendum diam nec tortor ullamcorper sed dapibus sem posuere. Donec nunc sem,
						consequat ut gravida et, mollis interdum augue. Duis mollis viverra leo rhoncus magna 
						fringilla eget. 
					</p>

					<ul class="social-icons">
						<li class="twitter"><a href="#"><span>Twitter</span></a></li>
						<li class="facebook"><a href="#"><span>Facebook</span></a></li>
						<li class="dribble"><a href="#"><span>Dribble</span></a></li>
					</ul><!--/ .social-icons-->	

				</div><!--/ .columns-->

				<div class="eight columns">

					<img src="images/temp/temp-img-2.jpg" alt="" /><br /><br />

					<h3 class="section-title">Fred Larson</h3>

					<p>
						Nulla bibendum diam nec tortor ullamcorper sed dapibus sem posuere. Donec nunc sem,
						consequat ut gravida et, mollis interdum augue. Duis mollis viverra leo rhoncus magna 
						fringilla eget. 
					</p>

					<ul class="social-icons">
						<li class="twitter"><a href="#"><span>Twitter</span></a></li>
						<li class="facebook"><a href="#"><span>Facebook</span></a></li>
						<li class="dribble"><a href="#"><span>Dribble</span></a></li>
					</ul><!--/ .social-icons-->	

				</div><!--/ .columns-->

				<div class="divider-solid"></div>

				<div class="sixteen columns">

					<img src="images/temp/temp-img-3.jpg" alt="" /><br /><br />

					<h3 class="section-title">Our Story</h3>

					<p>
						Nulla bibendum diam nec tortor ullamcorper sed dapibus sem posuere. Donec nunc sem, 
						consequat ut gravida et, mollis interdum augue. Duis mollis viverra leo rhoncus magna 
						fringilla eget. Hasellus ut ornare orci. Fusce tempor, neque pretium vulputate vehicula, 
						ligula odio convallis mauris, laoreet vehicula dolor odio nec augue. Donec fringilla nisi 
						eget felis sollicitudin pulvinar. Quisque et lorem vel libero elementum eleifend eget vitae 
						tortor. Sed blandit pellentesque tellus vel dignissim. Nulla odio ante, rhoncus eu feugiat 
						id, commodo a odio. Donec rhoncus urna nec magna congue molestie. 
					</p>

				</div><!--/ .columns-->

			</section><!--/ #main-->

			<aside id="sidebar" class="four columns">

				<div class="widget widget_text">

					<h3 class="widget-title">About Our Wedding</h3>

					<div class="textwidget">

						<p>
							Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum primis in 
							faucibus orci luctus et ultrices posuere cubilia mattis vel elit porttitor
							euismod pharetra sem interdum. 
						</p>

					</div><!--/ .textwidget-->

				</div><!--/ .widget-->

				<div class="widget widget_search">

					<form action="#" method="post">

						<p>
							<input type="search" id="s">
							<button class="submit-search" type="submit">Search</button>
						</p>

					</form>

				</div><!--/ .widget-->

				<div class="widget widget_categories">

					<h3 class="widget-title">Categories</h3>

					<ul>
						<li><a href="blog.html">Fashion</a></li>
						<li><a href="blog.html">Wedding</a></li>
						<li><a href="blog.html">Interior</a></li>
					</ul>

				</div><!--/ .widget-->

				<div class="widget widget_popular_posts">

					<h3 class="widget-title">Popular Posts</h3>

					<ul>					
						<li> 
							<div class="image-holder">
								<a href="blog-single.html"><img src="images/temp/popular-1.jpg" alt="" ></a>
							</div>
							<div class="post-holder">
								<h6><a href="blog-single.html">Risus Mollis Nalesuada Vestibulum</a></h6>
								<span>April 15, 2012</span>
							</div>
						</li>
						<li> 
							<div class="image-holder">
								<a href="blog-single.html"><img src="images/temp/popular-2.jpg" alt="" ></a>
							</div>
							<div class="post-holder">
								<h6><a href="blog-single.html">Primis in Faucibus Luctus</a></h6>
								<span>April 15, 2013</span>
							</div>	
						</li>
						<li> 
							<div class="image-holder">
								<a href="blog-single.html"><img src="images/temp/popular-3.jpg" alt="" ></a>
							</div>
							<div class="post-holder">
								<h6><a href="blog-single.html">Euismod pharetra sem interdum</a></h6>
								<span>March 22, 2013</span>
							</div>	
						</li>
					</ul>

				</div><!--/ .widget-->

				<div class="widget widget_calendar">

					<div id="calendar_wrap">

						<table id="wp-calendar">

							<caption>April 2013</caption>

							<thead>
								<tr>
									<th title="Sunday" scope="col">S</th>
									<th title="Monday" scope="col">M</th>
									<th title="Tuesday" scope="col">T</th>
									<th title="Wednesday" scope="col">W</th>
									<th title="Thursday" scope="col">T</th>
									<th title="Friday" scope="col">F</th>
									<th title="Saturday" scope="col">S</th>
								</tr>
							</thead>
							<tfoot>
								<tr>
									<td id="prev" colspan="3">
										<a title="" href="#">« Jul</a>
									</td>
									<td class="pad">&nbsp;</td>
									<td id="next" colspan="3">
										<a title="" href="#">Feb »</a>
									</td>
								</tr>
							</tfoot>
							<tbody>
								<tr>
									<td class="pad" colspan="2">&nbsp;</td>
									<td>1</td>
									<td>2</td>
									<td>3</td>
									<td>4</td>
									<td>5</td>
								</tr>
								<tr>
									<td>6</td>
									<td>7</td>
									<td>8</td>
									<td>9</td>
									<td>10</td>
									<td>11</td>
									<td>12</td>
								</tr>
								<tr>
									<td>13</td>
									<td>14</td>
									<td>15</td>
									<td>16</td>
									<td id="today">17</td>
									<td>18</td>
									<td>19</td>
								</tr>
								<tr>
									<td>20</td>
									<td>21</td>
									<td>22</td>
									<td>23</td>
									<td>24</td>
									<td>25</td>
									<td>26</td>
								</tr>
								<tr>
									<td>27</td>
									<td>28</td>
									<td>29</td>
									<td>30</td>
									<td>31</td>
									<td colspan="2" class="pad">&nbsp;</td>
								</tr>
							</tbody>
						</table>

					</div>

				</div><!--/ .widget-->

				<div class="widget ThemeMakers_Flickr_Widget">

					<h3 class="widget-title">Photostream</h3>

					<ul class="flickr-badge clearfix"></ul>

				</div><!--/ .widget-->

			</aside><!--/ #sidebar-->

		</div><!--/ .container-->

	</div><!--/ #content-->
	
</div><!--/ #wrapper-->

<!-- - - - - - - - - - - - - - - - Content - - - - - - - - - - - - - - - - -->	


<!-- - - - - - - - - - - - - - - Footer - - - - - - - - - - - - - - - - -->	

<footer id="footer">

	<div class="container">

		<div class="sixteen columns">

			<div class="eight columns alpha">

				<div class="copyright">
					Copyright &copy; 2013. ThemeMakers. All rights reserved
				</div><!--/ .copyright-->

				<div class="developed">
					Developed by <a href="#">ThemeMakers</a>
				</div><!--/ .developed-->

			</div><!--/ .columns-->

			<div class="eight columns omega">

				<ul class="social-icons">
					<li class="twitter"><a target="_blank" href="https://twitter.com/ThemeMakers"><span>Twitter</span></a></li>
					<li class="facebook"><a target="_blank" href="http://www.facebook.com/wpThemeMakers"><span>Facebook</span></a></li>
					<li class="dribble"><a target="_blank" href="http://dribbble.com/"><span>Dribbble</span></a></li>
					<li class="vimeo"><a target="_blank" href="https://vimeo.com/"><span>Vimeo</span></a></li>
					<li class="youtube"><a target="_blank" href="http://www.youtube.com/"><span>Youtube</span></a></li>
					<li class="instagram"><a target="_blank" href="http://www.instagram.com/"><span>Instagram</span></a></li>
					<li class="rss"><a target="_blank" href="#"><span>Rss</span></a></li>
				</ul><!--/ .social-icons-->	

			</div><!--/ .columns-->

		</div><!--/ .columns-->

	</div><!--/ .container-->

</footer><!--/ #footer-->

<!-- - - - - - - - - - - - - - end Footer - - - - - - - - - - - - - - - -->			

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>
<script src="js/jquery.easing.1.3.min.js"></script>
<script src="js/jquery.cycle.all.min.js"></script>
<script src="js/jquery.jflickrfeed.min.js"></script>
<!--For Touch Devices-->
<script src="js/jquery.touchswipe.min.js"></script>
<!--end Touch Devices-->
<script src="js/fancybox/jquery.fancybox.pack.js"></script>
<script src="js/config.js"></script>
<script src="js/custom.js"></script>
</body>
</html>